<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location</title>
    <script>
        window.onload=function () {
        var btn=document.getElementById("btn");
        btn.onclick=function () {
            alert(location);//获取地址栏信息
            // location="http://www.baidu.com";//修改地址栏信息
            // location.assign("http://www.baidu.com");
            // location.reload(true);// 很少用
            location.replace("http://www.baidu.com");
        }
        }
    </script>
</head>
<body>
<script>
    /*assign()用于直接跳转到其他页面，其作用和直接修改 跟location一样， location.assign("http://www.baidu.com");==
     *                                                                location="http://www.baidu.com";
     *          assign有历史记录
    *reload()用于重新加载当前页面，作用和刷新按钮一样 如果传递一个参数true 则强制清空缓存加载页面 很少用
    *replace()可以使用一个新的页面替换当前页面。调用完毕也会调转页面，不会生成历史记录，不能使用退回按钮
    *
    *
    * */
</script>
<h1>url的获取和修改</h1>
<button id="btn">点我</button>
</body>
</html>